<template>
  <h1>App</h1>
  <!-- 
    vue2中
      给组件绑定的事件默认是自定义事件
      加上 .native 加上DOM事件
    vue3中
      给组件绑定的事件默认是DOM事件（子组件必须有根标签，DOM事件才能绑定上）
      除非事件名称不是DOM事件名 或 子组件内部声明接受事件，才是自定义事件

      vue3移除事件修饰符 .native
   -->
  <!-- <Child @click="handleClick" /> -->
  <Child @say="handleClick" />
</template>

<script lang="ts">
import Child from "./Child.vue";

export default {
  name: "App",
  components: {
    Child,
  },
  methods: {
    handleClick() {
      console.log("hello");
    },
  },
};
</script>

<style scoped></style>
